<template>
  <div style="textAlign: center; padding: 20px 0">
    <el-pagination
      background
      @current-change="handleCurrentChange"
      :current-page="pageData.page"
      :total='pageData.total'
      layout="total, prev, pager, next, jumper">
    </el-pagination>
  </div>
</template>
<script>
  export default {
    props: ['pageData'],
    methods: {
      handleCurrentChange(val) {
        this.$emit("onPageChange", val);
      }
    },
  }
</script>